<table id="datagrid_${action_id}" ></table>
<div id="datagrid_tb_${action_id}" style="padding:5px;height:auto">
	<div style="margin-bottom:5px">
		${action.getDatagridTitle('lang')}:
		<select class="easyui-combobox" panelHeight="auto" style="width:250px" data-options="
			onChange:function(n,o){
				$('#datagrid_${action_id}').datagrid('options').queryParams={'lang':n};
				$('#datagrid_${action_id}').datagrid('reload');
			}
		">
			<#list langs as lang >
				<option value="${lang.enumValue}">${lang.enumTitle}</option>
			</#list>
		</select>
	</div>
</div>
<script type="text/javascript">

$(function(){
	
	$('#datagrid_${action_id}').datagrid({
		iconCls:'icon-save',
		width:'auto',
		height:'auto',
		nowrap: false,
		fit:true,
		fitColumns:true,
		striped: true,
		url:'${request.contextPath}${namespace?default('')}/mp/sysres/i18n-datagrid.json',
		sortName: 'id',
		sortOrder: 'asc',
		remoteSort: true,
		singleSelect : true,
		idField:'id',
		onBeforeLoad:function(){$('#datagrid_${action_id}').datagrid('unselectAll');},
		columns:[[
					{field:'clazz',title:'${action.getDatagridTitle('clazz')}',width:80,align:'center',sortable:true},
					{field:'code',title:'${action.getDatagridTitle('code')}',width:80,align:'center',sortable:true},
					{field:'value',title:'${action.getDatagridTitle('value')}',width:150,align:'center',sortable:true}
				]],
		pagination:true,
		rownumbers:true,
		onDblClickRow:function(idx,data){if(typeof onDblClickRow_${action_id} != 'undefined'){onDblClickRow_${action_id}(idx,data)}},
		onClickRow:function(idx,data){if(typeof onClickRow_${action_id} != 'undefined'){onClickRow_${action_id}(idx,data)}},
		onRowContextMenu:function(e,idx,data){if(typeof onRowContextMenu_${action_id} != 'undefined'){$(this).datagrid('selectRow', idx);onRowContextMenu_${action_id}(e,idx,data)}},
		toolbar:'#datagrid_tb_${action_id}'
	});

});

</script>	